/** * $Id: 1.0.css 53 2009-04-17 06:34:51Z chaoskaizer $ 
 * Status: in development * 
 * @copyright 2008 - 2009 Avice De'véreux 
 * @license http://www.opensource.org/licenses/mit-license.php MIT License 
 * @license http://creativecommons.org/licenses/by-nc-sa/3.0 Creative Commons 3.0 BY-SA 
 * @author Avice D <ck+filter@kaizeku.com> 
 * @link http://art-istalker.googlecode.com Project home 
 * @link http://blog.kaizeku.com/ Dev blog 
 * @source $URL: http://art-istalker.googlecode.com/svn/trunk/1.0.css $ 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/ 
@namespace url(http://www.w3.org/1999/xhtml); 

/** 
 * Elements reset 
 * @link http://meyerweb.com/eric/tools/css/reset/ 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none; }

:focus { outline: 0pt }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

/* -------------------------------------------------------------- 
 * Sets up some sensible default typography. 
 -------------------------------------------------------------- */
 
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	background-color: #202123;
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/darkwood.jpg);
	color: #777;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%; }

	body strong, body em, body b, body i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

.old-type,h2,.userinfo #fullname { font-family: "Georgia", "Times new roman", sans-serif; }

/* Headings 
 -------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	color: #111;
	font-weight: normal; }

h1 {
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.5em; }

h2 {
	color:#555;
	font-size: 2em;
	margin-bottom: 0.75em; }

h3,#side_panel h2,#blogfeed h1 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 1em; }

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em; }

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em; }

h6 {
	font-size: 1em;
	font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text elements -------------------------------------------------------------- */
p { margin: 0 0 1.5em; }

	p img.left {
		float: left;
		margin: 1.5em 1.5em 1.5em 0;
		padding: 0; }

	p img.right {
		float: right;
		margin: 1.5em 0 1.5em 1.5em; }

a:focus, a:hover { color: #c06; }

a {
	color: #06c;
	text-decoration: none; }

blockquote {
	color: #666;
	font-style: italic;
	margin: 1.5em; }

strong { font-weight: bold; }

em,dfn { font-style: italic; }

dfn { font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address {
	font-style: italic;
	margin: 0 0 1.5em; }

del { color:#666; }

pre {
	margin: 1.5em 0;
	white-space: pre; }

pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5; }

/* Lists -------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }

	dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

/* Tables -------------------------------------------------------------- */
table {
	margin-bottom: 1.4em;
	width:100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th,td,caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

/* Misc classes -------------------------------------------------------------- */
.small {
	font-size: .8em;
	line-height: 1.875em;
	margin-bottom: 1.875em; }

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em; }

.hide { display: none; }

.quiet { color: #666; }

.loud { color: #000; }

.highlight { background:#ff0; }

.added {
	background:#060;
	color: #fff; }

.removed {
	background:#900;
	color: #fff; }

.first {
	margin-left:0;
	padding-left:0; }

.last {
	margin-right:0;
	padding-right:0; }

.top {
	margin-top:0;
	padding-top:0; }

.bottom {
	margin-bottom:0;
	padding-bottom:0; }

/** * Grid */
/* -------------------------------------------------------------- grid.css 
 * Sets up an easy-to-use grid of 24 columns. By default, the grid is 950px wide, with 24 columns spanning 30px, and a 10px margin between columns. If you need fewer or more columns, namespaces or semantic element names, use the compressor script (lib/compress.rb) Note: Changes made in this file will not be applied when using the compressor: make changes in lib/blueprint/grid.css.rb -------------------------------------------------------------- */
/* A container should group all your columns. */
.container,body div.page,#footer {
	margin: 0 auto;
	overflow:hidden;
	width: 950px; }

/* Columns -------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.main, #nav ul li, #side_panel, .main #recent_work .content ul li, .main #favorites .content ul li, #friends .content ul li,#watchnet .content ul .li, #bodyPortfolio .main #portfolioWork .content ul li, #private_ads a,.main #recent_work,.main #favorites {
	float: left;
	margin-right: 10px; }

/* The last column in a row needs this class. */
.last, div.last,#side_panel,.main #favorites,.main #recent_work,.main #favorites { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 { width: 30px; }

.span-2,#nav ul li,.main #recent_work .content ul li, .main #favorites .content ul li, #friends .content ul li,#watchnet .content ul li { width: 70px; }

.span-3,#bodyPortfolio .main #portfolioWork .content ul li { width: 110px; }

.span-4 { width: 150px; }

.span-5,#private_ads a { width: 190px; }

.span-6 { width: 230px; }

.span-7 { width: 270px; }

.span-8,#side_panel,.main #recent_work,.main #favorites { width: 310px; }

.span-9 { width: 350px; }

.span-10 { width: 390px; }

.span-11 { width: 430px; }

.span-12 { width: 470px; }

.span-13 { width: 510px; }

.span-14 { width: 550px; }

.span-15,#bodyPortfolio .main .adboard { width: 590px; }

.span-16,div.main { width: 630px; }

.span-17 { width: 670px; }

.span-18 { width: 710px; }

.span-19 { width: 750px; }

.span-20 { width: 790px; }

.span-21 { width: 830px; }

.span-22 { width: 870px; }

.span-23 { width: 910px; }

.span-24 {
	margin: 0;
	width: 950px; }

/* Add these to a column to append empty cols. */
.append-1 { padding-right: 40px; }

.append-2 { padding-right: 80px; }

.append-3 { padding-right: 120px; }

.append-4 { padding-right: 160px; }

.append-5 { padding-right: 200px; }

.append-6 { padding-right: 240px; }

.append-7 { padding-right: 280px; }

.append-8 { padding-right: 320px; }

.append-9 { padding-right: 360px; }

.append-10 { padding-right: 400px; }

.append-11 { padding-right: 440px; }

.append-12 { padding-right: 480px; }

.append-13 { padding-right: 520px; }

.append-14 { padding-right: 560px; }

.append-15 { padding-right: 600px; }

.append-16 { padding-right: 640px; }

.append-17 { padding-right: 680px; }

.append-18 { padding-right: 720px; }

.append-19 { padding-right: 760px; }

.append-20 { padding-right: 800px; }

.append-21 { padding-right: 840px; }

.append-22 { padding-right: 880px; }

.append-23 { padding-right: 920px; }

/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 40px; }

.prepend-2 { padding-left: 80px; }

.prepend-3 { padding-left: 120px; }

.prepend-4 { padding-left: 160px; }

.prepend-5 { padding-left: 200px; }

.prepend-6 { padding-left: 240px; }

.prepend-7 { padding-left: 280px; }

.prepend-8 { padding-left: 320px; }

.prepend-9 { padding-left: 360px; }

.prepend-10 { padding-left: 400px; }

.prepend-11 { padding-left: 440px; }

.prepend-12 { padding-left: 480px; }

.prepend-13 { padding-left: 520px; }

.prepend-14 { padding-left: 560px; }

.prepend-15 { padding-left: 600px; }

.prepend-16 { padding-left: 640px; }

.prepend-17 { padding-left: 680px; }

.prepend-18 { padding-left: 720px; }

.prepend-19 { padding-left: 760px; }

.prepend-20 { padding-left: 800px; }

.prepend-21 { padding-left: 840px; }

.prepend-22 { padding-left: 880px; }

.prepend-23 { padding-left: 920px; }

/* Border on right hand side of a column. */
div.border {
	border-right: 1px solid #222;
	margin-right: 5px;
	padding-right: 4px; }

/* Border with more whitespace, spans one column. */
div.colborder {
	border-right: 1px solid #eee;
	margin-right: 25px;
	padding-right: 24px; }

/* Use these classes on an element to push it into the next column, or to pull it into the previous column. */
.pull-1 { margin-left: -40px; }

.pull-2 { margin-left: -80px; }

.pull-3 { margin-left: -120px; }

.pull-4 { margin-left: -160px; }

.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
	float:left;
	position:relative; }

.push-1 { margin: 0 -40px 1.5em 40px; }

.push-2 { margin: 0 -80px 1.5em 80px; }

.push-3 { margin: 0 -120px 1.5em 120px; }

.push-4 { margin: 0 -160px 1.5em 160px; }

.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 {
	float: right;
	position:relative; }

/* Misc classes and elements -------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
.prepend-top { margin-top:1.5em; }

.append-bottom { margin-bottom:1.5em; }

/* Use a .box to create a padded box inside a column. */
.box {
	background: #E5ECF9;
	margin-bottom: 1.5em;
	padding: 1.5em; }

/* Use this to create a horizontal ruler across a column. */
hr {
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: .1em;
	margin: 0 0 1.45em;
	width: 100%; }

	hr.space {
		background: #fff;
		color: #fff; }

/* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after,body div.page:after,#footer:after,#private_ads:after, .main #recent_work .content:after, .main #favorites .content:after,
.main #blogfeed .content:after {
	clear: both;
	content: "\0020";
	display: block;
	height: 0;
	overflow:hidden;
	visibility: hidden; }

.clearfix, .container,body div.page,#footer,#private_ads, .main #recent_work .content, .main #favorites .content,
.main #blogfeed .content { display: block; }

/* Regular clearing apply to column that should drop below previous ones. */
.clear,#articianCopyright { clear:both; }

/* images lib */
.blend-bg,.main #blogfeed, #nav ul li a,.main #add_comments { background-image: url(http://art-istalker.googlecode.com/svn/trunk/img/bg/t.png); }

.blend-bg-light { background-image: url(http://art-istalker.googlecode.com/svn/trunk/img/bg/w.png); }

.wanted-poster,#avatarCon { background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/wanted.png); }

.stalker-stamp/*,#side_panel #quick_info .userinfo*/ { background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/stamp.png); }

.tag-sprite, #pageBlog .main #entries .content .bloginfo .tags strong { background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/sprites/tag.png); }

.button-sprite,#st_addcomment a:hover{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/sprites/ibutton.png);
}

.button-sprite{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/sprites/ibutton-90.png);
}

.top-bar{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/itop-bar.png);
}

.com-top,.main #add_comments .top{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/add-comment-top.png);
}

.bg-content-recent,.main #recent_work .content{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/content-recent.png);
}

.bg-content-favorites,.main #favorites .content{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/content-favorites.png);
}

.border-3x1,#blogfeed .entry{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/1x3.png);
}

.bits-gray,#blogfeed .content{
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/bits-top.gif);
}

/* misc class */
/* full blog links (redundant)*/
.el-display-none, #blogfeed .top ul , #quick_info .top, .main #favorites .top ul,.main #recent_work .top ul, #commentContent .msg .sig, #commentContent ul.menu li.cm_portfolio, #commentContent ul.menu li.cm_blog, #commentContent ul.menu li.cm_msg, #commentContent ul.menu li.cm_reply, #comments .top ul, #side_panel .top ul, #bodyPortfolio .main #portfolioWork .top, #nav #nav_sets { display:none; }

.el-display-block, .rtxt, #usericon, #nav ul li, #nav li a, .userinfo #fullname, .main #recent_work .content ul li a.title, #side_panel #discussion .content a { display:block; }

.el-display-inline { display:inline; }

.el-float-left, #commentContent .msg .comment_icon { float:left; }

.el-float-right,#side_panel, #usericon, #commentContent ul.menu li.datestamp, #commentContent a.delete, #commentContent a.rep, #commentContent a.xedit, .main #add_comments .top ul li#st_addcomment { float:right; }

.rtxt,#pageBlog .main #entries .content .bloginfo .tags strong {
	/* text to image replcament */ overflow:hidden;
	position:relative;
	text-indent:-999em; }

/** * styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/ /* general */


#puller_strip {
	background-color:transparent;
	background-image:none !important; }

.main div.content a:hover,#side_panel a:hover,#footer a:hover {
	background-color:#06c;
	color:#fff; }

#side_panel .content { padding: 0pt 20px; }

#side_panel .module .top h2 { padding-left:20px; }

#insert_artician {
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/artician-faux-logo.png) !important;
	background-position: 0px 0px !important; }

body div#network_bar { 
	background-image:url(http://i.istalker.net/v1/istalker-logo.png);
	background-color:transparent; 
	background-repeat:no-repeat;
	background-position: 5% 100%;
	height:63px;
	position:relative;
	top:-32px
	}
body div#network_bar:hover{
	background:#000 none;
	height:32px;
	position:static;
}				

#quick a span {
	background-image:none;
	color:#555;
	padding-left:0pt !important; }

#quick a:hover span { color:#fff; }

#quick a { border:0pt !important; }

#quick div a span{color:#fff}

/* header */
#header { padding-top:18px; }

#usericon {
	height:48px;
	width:48px; }

#header .content p {
	padding-right:58px;
	text-align:right; }

#header .content p#username {
	color:#aaa;
	font-size:1.2168em;
	margin-bottom:3px;
	padding-top:9px; }

#header { display:none; }

/* nav */
#nav ul {
	list-style-type: none;
	margin:18px 0pt; }

	#nav ul li {
		/* grid width 70px ( + 8px.padding ) */ background-color: transparent;
		height:43px;
		width: 70px; }

		#nav ul li a:hover {
			background-color:#06c;
			background-image:none; }

#nav li a {
	color:#888;
	display:block;
	height:14px;
	padding:6px 4px;
	text-align:center; }

#nav li:hover a,#nav li a:hover { color:#eee; }

#pageProfile #nav li#nav_profile, #pagePortfolio #nav_portfolio, #pageBlog #nav_blog, #pageFriends #nav_friends,
#pageWatchlist #nav_watchlist {
	background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/nav-active.png);
	margin-right:4px;
	width:76px; }

#pageProfile #nav_profile a, #pagePortfolio #nav_portfolio a, #pageBlog #nav_blog a, #pageFriends #nav_friends a,
#pageWatchlist #nav_watchlist a{
	background-color:transparent;
	background-image:none;
	color:#ddd; }

/** show "sets" on portfolio page only */
#bodyPortfolio #nav_sets { display:block !important; }

/* main */
.main h2 {
	border-bottom:1px solid #222;
	font-size:1.4em;
	margin-bottom:13px;
	padding: 3px 20px;
	text-transform:uppercase; }

/* main modules */
.main #blogfeed { border:1px solid #111; 
		-moz-border-radius-topleft:0.2em;
		-moz-border-radius-topright:0.2em;}

	.main #blogfeed .entry{
		color:#888;
		background-position:0 104%;
		background-repeat:repeat-x;
		float:left;
		margin-right:10px;
		min-height:220px;
		padding:18px 2px 18px 0;
		width:180px;	
	}
	
	.main #blogfeed .entry:first-child{
			width:100%;float:none;
			height:auto !important;
			min-height: 100%
	}

	.main #blogfeed h2, .main #comments h2, #pageBlog .main #entries .module .top h2 {
		background-color:#2B2B2B;
		border-color:#333333 #333333 #111111;
		border-style:solid;
		border-width:1px;
		color:#999999;
		font-family:"Myriad Pro","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
		font-size:2em;
		letter-spacing:-2px;
		margin-bottom:0;
		padding:6px 20px;
		text-transform:lowercase; }

	.main #blogfeed h2{
		-moz-border-radius-topleft:0.1em;
		-moz-border-radius-topright:0.1em;
		background-color:#222222;
		border-color:#333333 #333333 #222222;
		color:#CCCCCC;	
	}

	.main #blogfeed .content {
		background-repeat:repeat-x;		
		background-color:#333;
		border:1px solid #333333;
		border-top-color:#222;
		padding:18px 20px; }

	.main #blogfeed .entry h1 a { 
		border-bottom:1px dotted #222;
		color:#999;
		display:block;
		font-family:Georgia,"Times New roman",sans-serif;
		overflow:hidden;
		padding-bottom:6px;
		white-space:nowrap;	
	}
	
	.main #blogfeed .entry h1 a:hover{
		background-color:transparent;
		color:#eee	
	}
	
	.main #blogfeed .entry:first-child h1 a:before{
			content:"Latest:  ";
			font-size:0.7em;
			color:#555
	}
		
	.main #blogfeed .entry p a { color:#aaa; }

		.main #blogfeed .entry p a:hover {
			background-color:#06c;
			color:#fff; }

/* gallery */
.main #recent_work, .main #favorites {
	background-color: #242424;
	border:1px solid #111; }

.main #recent_work { margin-right:0pt; }

	.main #recent_work #PhotoGallery { margin-left:-10px; }

	.main #recent_work h2, .main #favorites h2,.main #add_comments h2 {
		border-bottom-color:#111 !important;
		font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		letter-spacing:1px; }

	.main #recent_work h2, .main #favorites h2 {
		border: 1px solid #333;
		margin-bottom: 0pt;
		padding: 6px 20px; }
		
	.main #recent_work .content, .main #favorites .content {
		border-width: 0pt 1px 1px;
		border: 1px solid #333;
		padding:18px 0pt 18px 20px; }
		
	.main #recent_work .content{
		background-position:100% 0%;	
	}
	
	.main #favorites .content{
		background-position:0% 0%;	
	}

	.main #recent_work h2,.main #recent_work .content { border-right-color:#555 }

	.main #recent_work .content ul, .main #favorites .content ul {
		list-style-type:none;
		margin: 0pt 0pt 1.25em; }

	.main #recent_work .content ul li, .main #favorites ul li, #bodyPortfolio .main #portfolioWork .content ul li {
		background-color: transparent;
		background-image:url(http://art-istalker.googlecode.com/svn/trunk/img/bg/small-film.png);
		background-repeat:no-repeat;
		height:79px;
		margin-bottom:18px;
		margin-right:0pt;
		overflow:hidden;
		text-align:center;
		width:89px; }

	.main #recent_work .content ul li a.thumb, .main #favorites ul li a.thumb, #bodyPortfolio .main #portfolioWork .content ul li a.thumb {
		display:block;
		height:59px;
		left:3px;
		overflow:hidden;
		position:relative;
		width:73px; }

	.main #recent_work .content ul li a.thumb:hover, .main #favorites ul li a.thumb:hover, #bodyPortfolio .main #portfolioWork .content ul li a.thumb:hover { background-color:transparent; }

	.main #recent_work .content ul li img, .main #favorites ul li img, #bodyPortfolio .main #portfolioWork .content ul li img { padding-top:12px; }

.main #favorites{
	width:316px
}
/* main portfolio modules (full portfolio) */
#bodyPortfolio .main div .content { padding: 18px 0pt; }

#bodyPortfolio .main #portfolioWork { margin-bottom: 18px; }

	#bodyPortfolio .main #portfolioWork .content ul {
		list-style-type:none;
		margin:0pt 0pt; }

		#bodyPortfolio .main #portfolioWork .content ul li {
			background-color:transparent;
			margin-right:5px; }

	#bodyPortfolio .main #portfolioWork .content a.title {
		display:none;
		font-size: 0.8em; }

/* blog section */
#pageBlog .main #entries { margin-bottom: 18px; }

	#pageBlog .main #entries .module {
		background-color:#222;
		border:1px solid #111; }

		#pageBlog .main #entries .module .content { border: 1px solid #333; }

		#pageBlog .main #entries .module .top h2 { border-bottom-color:#121212; }

			#pageBlog .main #entries .module .top h2 a { color:#aaa; }

#pageBlog .main .content { padding: 18px 20px; }

	#pageBlog .main .content a { color:#aaa; }

		#pageBlog .main .content a:hover { color:#fff; }

#pageBlog .main #entries .content .bloginfo .tags {
	display:block;
	margin-bottom: 18px; }

	#pageBlog .main #entries .content .bloginfo .tags strong {
		background-repeat:no-repeat;
		float:left;
		height: 16px;
		width: 18px; }

#pageBlog .main #entries .content .heading ul {
	list-style:none;
	margin:0 0 18px auto;
	position:relative;
	top:-86px;
	width:184px; }

	#pageBlog .main #entries .content .heading ul li {
		display:block;
		float:left;
		margin-right:10px; }

		#pageBlog .main #entries .content .heading ul li a {
			background-color:#2C2C2C;
			border:1px solid #1D1D1D;
			color:#888;
			font-size:0.9em;
			padding:3px 6px; }

			#pageBlog .main #entries .content .heading ul li a:hover {
				background-color:#000;
				border-color:#333;
				color:#fff; }

/* blog entry comments form */
#pageBlog .main #entries #add_comments.module {
	background-color:#000;
	clear:both;
	display:block;
	margin-top: 18px; }

	#pageBlog .main #entries #add_comments.module .content {
		border-color:#222;
		border-top-color:#111;
		border-bottom:0pt }

#pageBlog .main #entries #add_comments .top h2 {
	background-color:#000;
	border-bottom-color:#333;
	border-color:#222; }

#pageBlog #add_comments textarea {
	border:3px solid #444;
	display:block;
	margin:0 auto;
	width:90%; }

/* comment form */
.main #add_comments {
	background-color: transparent;
	border-bottom:2px solid #111;
	clear:both; }

	.main #add_comments .top{
		background-repeat: no-repeat;
		background-position: 20px 0px;
		height:43px;		
	}
	
	.main #add_comments .top ul {
		list-style-type:none;
		margin:0pt; }
	
	.main #add_comments .top h2{
		display:none	
	}

		.main #add_comments .top ul li#st_addcomment {
			background-color: transparent;
			background-repeat: no-repeat;
			border:0pt;
			margin:6px 40px 3px 0;
			padding:3px;
			text-transform:lowercase; }			

			.main #add_comments .top ul li#st_addcomment a {
				
				color:#777;
				border:1px solid #333;
				display:block;				
				padding:10px;
				text-align:center;
				-moz-border-radius: 0.2em;
				}

				.main #add_comments .top ul li#st_addcomment a:hover { 
					background-position: -10px -45px;
					background-color:transparent !important;
					color:#fff; }
				
			.main #add_comments .top ul li#st_addcomment a span{
				font-family: "Helvetica Neue", Helvetica, Arial, verdana, serif;
				background-position:100% 0;
				display:block;
				font-size:0.8em;}
	
	.main #add_comments textarea{
		border:5px solid #333	
	}				
										

/* recent work */
.main #recent_work .content ul li a.title { display:none; }

/* recent fav */
/* comments */
#comments {
	background-color:#333;
	border-width: 2px 1px 1px;
	border:1px solid #111;
	border-bottom:0pt;
	clear:both; }

	#comments .content { border:1px solid #222;border-bottom-width:0pt }

#commentContent .entry {
	border-bottom:1px solid #444444;
	border-top:1px solid #222222;
	padding-top:17px; }

#commentContent ul.menu {
	list-style:none;
	margin:0pt 0pt 3px; }

	#commentContent ul.menu li.cm_user a { color:#aaa; }

		#commentContent ul.menu li.cm_user a:hover {
			background-color:#06c;
			color:#fff; }

	#commentContent ul.menu li.datestamp { color:#555; }

	#commentContent ul.menu li { display:inline; }

#commentContent .msg {
	color:#999;
	min-height:75px; }

	#commentContent .msg .comment_icon { margin: 1px 10px 1px 0pt; }

	#commentContent .msg .msgCon img[alt^="Emotion"] {
		height:0px;
		visibility:hidden;
		width:0px; }

/* emots hack */
#commentContent ul.menu img.proIcon { opacity:0.5; }

#commentContent a.rep,#commentContent a.xedit {
	margin-left:10px;
	opacity:0.3; }

/* modules (side_panel)*/
#avatarCon {
	background-repeat:no-repeat;
	display:block;
	height:235px;
	margin:0pt auto;
	padding-top:105px;
	text-align:center;
	width:240px; }

/* quickinfo */
.userinfo #fullname {
	bottom:98px;
	color:#42302C;
	font-weight:700;
	margin:0pt auto;
	position:relative;
	text-align:center;
	text-transform:uppercase; }

.userinfo #age_sex,.userinfo #online,.userinfo #user_status,.userinfo #visits{
	border-bottom:1px dotted #555;
	color:#888;
	font-variant:small-caps;
	letter-spacing:1px;
	line-height:1.8em;
	margin-left:-20px;
	
}

#side_panel #quick_info .userinfo {
	background-position:50% 100%;
	background-repeat:no-repeat;
	padding-bottom:18px; }

#side_panel #quick_info .userOptions li {
	display:inline;
	margin-right:2px; }

	#side_panel #quick_info .userOptions li a {
		background-color:#333;
		color:#777;
		font-size:0.8em;
		letter-spacing:1px;
		padding:3px;
		text-transform: uppercase; }

		#side_panel #quick_info .userOptions li a:hover {
			background-color:#06c;
			color:#ddd; }

#side_panel #quick_info .content ul {
	line-height:1.2em;
	list-style-type:none;
	margin: 0pt 40px 18px; }

#side_panel #quick_info ul.userOptions { margin:0pt 20px 1.25em; }

/* general profile*/
#side_panel #profileInfo .bar {
	color:#555;
	display:block;
	font-size:0.8em;
	font-weight:400;
	letter-spacing:1px;
	margin-bottom:1.25em;
	padding-left:20px;
	text-align:left;
	text-transform:uppercase; }

#side_panel #profileInfo #profile_4 {
	display:block !important;
	height:auto !important; }

#side_panel #profile_general .content ul,#side_panel #profileInfo #profile_4 ul {
	line-height:1.2em;
	list-style-type: none;
	margin:0pt 0pt 1.25em; }

#side_panel #profile_general .content ul li,#side_panel #profileInfo #profile_4 ul li {
	border-bottom: 1px dotted #666;
	text-align:right; }

#side_panel #profile_general .content ul li em, #side_panel #profileInfo #profile_4 ul li em {
	background-color:#222;
	bottom:-2px;
	float:left;
	font-size:0.9em;
	font-style:normal;	
	position:relative; }

/* friends list */
#pageFriends .top #ViewChanger{
	background-color:#222;
	border:1px solid #111;
	float:right;
	width:120px
}

#pageFriends .content{
	padding:18px 0pt;
}

#friends .content ul,#pageFriends .content ul,#watchnet .content ul,#pageWatchlist .content ul{
	list-style-type:none;
	margin:0pt 0pt 18px; }

	#friends .content ul li,#pageFriends .content li.usergrid,
	#watchnet .content ul li,#pageWatchlist .content li.usergrid {
		border-bottom: 1px dotted #555;
		height:16px;
		margin-bottom:0px;		
		width:100%;
		text-align:right;
		overflow:hidden; }
		
		#friends .content ul li:hover,#pageFriends .content li.usergrid:hover,
		#watchnet .content ul li:hover,#pageWatchlist .content li.usergrid:hover{background-color:#06c; color:#fff}
		
		#friends .content ul li a,#pageFriends .content li.usergrid a,
		#watchnet .content ul li a,#pageWatchlist .content li.usergrid a{ color:#666; display:block}
		
		#friends .content ul li a:hover,#pageFriends .content li.usergrid a:hover,
		#watchnet .content ul li a:hover,#pageWatchlist .content li.usergrid a:hover{ background-color:#06c; color:#fff}
		
		#friends .content ul li a img, #pageFriends .content li.usergrid a img,
		#watchnet .content ul li a img, #pageWatchlist .content li.usergrid a img{
			border:2px solid #111;
			bottom:22px;
			float:left;
			margin-left:2px;
			opacity:0.3;
			position:relative;}
			
		#friends .content ul li a:hover img,#pageFriends .content li.usergrid a:hover img,
		#watchnet .content ul li a:hover img,#pageWatchlist .content li.usergrid a:hover img{
			opacity:1;border-color:#222;
			width:50px;height:50px;
			bottom:auto;
			text-align:left;
			display:block;
			margin: -26px auto 0pt 3px;
			position:absolute;
			z-index:50
		}		
		
		#friends .content ul li a br,#pageFriends .content li.usergrid a br,
		#watchnet .content ul li a br,#pageWatchlist .content li.usergrid a br{display:none}

/* tags cloud */
#side_panel .module,#private_ads { margin-bottom:1.25em; }

/* recent forum discussion */
#side_panel #discussion .content { line-height:1.2em; }

	#side_panel #discussion .content a {
		border-bottom:1px dotted #555;
		padding: 3px 0pt 2px; }

#side_panel #welcome a:hover{
	background-color:transparent }

#side_panel #tagcloud a.tag-3{ font-size:0.9em }

#side_panel #tagcloud a.tag-4{ font-size:1em }

#side_panel #tagcloud a.tag-5{ font-size:1.2em }

#side_panel #tagcloud a.tag-6{ font-size:1.4em }

#side_panel #tagcloud a.tag-7{ font-size:1.6em }

#side_panel #tagcloud a.tag-8,#side_panel #tagcloud a.tag-9{ font-size:1.8em }

#side_panel #tagcloud a.tag-10{ font-size:2em}

/* footer */
#footer { margin:1.25em auto; }

#private_ads { margin-bottom:18px; }

	#private_ads a {
		background-color:#000;
		height:36px; }

.main div .content { padding:18px 40px; }

#footer #articianCopyright,#footer p { text-align:left !important; }

#footer p a { color:#777; }

#footer .noRepo:after { content:" iStalker v1.0 designed by ChaosKaizer"; }

/* mozilla-specific */
.brad-ligh,.main #blogfeed {-moz-background-clip: border;-moz-border-radius:0.2em; }

